<!DOCTYPE html>
<html>
	<head>
		<title>My Page</title>
		<meta charset="utf-8">
		<!--<meta name="viewport" content="width=device-width, initial-scale=1"> -->
		<!-- bootstrap source = http://bootswatch.com/-->
		<link rel="stylesheet" href="css/bootstrap.css"/>
		<link rel="stylesheet" href="css/bootstrap-responsive.min.css"/>
		<!-- mobiscroll -->
		<link rel="stylesheet" href="css/mobiscroll.custom-2.4.5.min.css">
		<!-- custom -->
		<link rel="stylesheet" href="css/style.css"/>
		<!-- libraries-->
		<script type="text/javascript" src="js/libs/json2.js"></script>
		<script type="text/javascript" src="js/libs/jquery.min.js"></script>
		<script type="text/javascript" src="js/libs/jquery-simple-inherit.min.js"></script>
		<script type="text/javascript" src="js/libs/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/libs/mobiscroll.custom-2.4.5.min.js"></script>
		<script type="text/javascript" src="js/libs/dateFormat.js"></script>
		
		<script type="text/javascript" src="js/libs/underscore.min.js"></script>
		<script type="text/javascript" src="js/libs/Backbone.min.js"></script>
		<script type="text/javascript" src="js/libs/backbone-websql.js"></script>
		<script type="text/javascript" src="js/libs/underscore.templateLoader.js"></script>
	</head>
	<body>
		<!-- header -->
		<header class="jumbotron subhead" id="overview">
			<div class="navbar navbar-fixed-top navbar-inverse">
				<div class="navbar-inner">
					<a href="#dashboard" class="brand" id="current-section">Dashboard</a>
					<ul class="nav pull-right">
						<li>
							<a data-toggle="modal" data-target="#main-menu-modal" href="#menu"><i class="icon-list"></i>Menu</a>
						</li>
						<!-- <li><a href="#options"><i class="icon-cog"></i>Options</a></li> -->
					</ul>
				</div>
			</div>
			<!-- modal navi -->
			<div id="main-menu-modal" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">Menu</h3>
				</div>
				<div class="modal-body">
					<!-- <div class="row-fluid">
						<div class="span12">
							<p class="pull-left">
								<a class="btn btn-large" href="#dashboard">View Active Race</a>
							</p>
							<p class="pull-left">
								<a class="btn btn-large" href="#dashboard">View Active Race</a>
							</p>
							<p class="pull-right">
								<a class="btn btn-large" href="#options">Options</a>
							</p>
						</div>
					</div> -->
					<p>
						<a class="btn btn-block" href="#dashboard"><i class="icon-ok"></i> Active Race</a>
						<a class="btn btn-block" href="#cars"><i class="icon-list"></i>View Cars</a>
						<a class="btn btn-block" href="#races"><i class="icon-list"></i>View Races</a>
					</p>
					<h4>Quick Links</h4>
					<p>
						<a class="btn btn-block" href="#cars/edit"><i class="icon-plus"></i>Add Car</a>
						<a class="btn btn-block" href="#races/edit"><i class="icon-plus"></i>Add Race</a>
					</p>
				</div>
				<div class="modal-footer">
				    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
				</div>
			</div>
		</header>
		<!-- nav -->
		<nav></nav>
		<!-- main container-->
		<div class="container"></div>
		<!-- footer-->
		<footer id="footer">
			<p class="pull-right">
				<a id="base-back-to-top" class="btn" href="#top"><i class="icon-arrow-up"></i>Back to top</a>
			</p>
			<div class="links">
			</div>
		</footer>
		
		<!-- jquery plugins -->
		<script type="text/javascript" src="js/libs/jquery-autogrow.js"></script>
		<script type="text/javascript" src="js/src/modules/module_multiselect.js"></script>
		<!-- packages-->
		<!-- base -->
		<script type="text/javascript" src="js/src/base/util_fwk_base.js"></script>
		<script type="text/javascript" src="js/src/base/ignition.js"></script>
		<script type="text/javascript" src="js/src/base/router.js"></script>
		<script type="text/javascript" src="js/src/base/setup.js"></script>
		<!-- base classes -->
		<script type="text/javascript" src="js/src/base/mod_fwk_base.js"></script>
		<script type="text/javascript" src="js/src/base/vie_fwk_base_page.js"></script>
		<!-- modules -->
		<script type="text/javascript" src="js/src/modules/module_form.js"></script>
		<!-- cars -->
		<script type="text/javascript" src="js/src/cars/mod_car.js"></script>
		<script type="text/javascript" src="js/src/cars/coll_cars.js"></script>
		<script type="text/javascript" src="js/src/cars/vie_cars.js"></script>
		<script type="text/javascript" src="js/src/cars/vie_car_edit.js"></script>
		<!-- races -->
		<script type="text/javascript" src="js/src/races/mod_race.js"></script>
		<script type="text/javascript" src="js/src/races/coll_races.js"></script>
		<script type="text/javascript" src="js/src/races/vie_races.js"></script>
		<script type="text/javascript" src="js/src/races/vie_race_edit.js"></script>
		<!-- race entries -->
		<script type="text/javascript" src="js/src/race_entries/mod_race_entry.js"></script>
		<script type="text/javascript" src="js/src/race_entries/coll_race_entries.js"></script>
		<!-- race entry heats -->
		<script type="text/javascript" src="js/src/race_entry_heats/mod_race_entry_heat.js"></script>
		<script type="text/javascript" src="js/src/race_entry_heats/coll_race_entry_heats.js"></script>
	</body>
</html>